<!DOCTYPE HTML>
<html>

<head>
    <title>物料领用</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/chooseserviceuser.css" />
    <link rel="stylesheet" type="text/css" href="./css/chooseckproduct_frm.css" />
    <link rel="stylesheet" type="text/css" href="css/neibubaoshiadd.css" />
    <style>
        /* .mask_bg {
            position: fixed;
            z-index: 9999;
            background: rgba(0, 0, 0, 0.3);
            top: 0px;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .choose_box {
            position: fixed;
            min-height: 300px;
            max-height: 400px;
            z-index: 10000;
            background: #fff;
            top: 50%;
            left: 10%;
            right: 10%;
            margin-top: -200px;
            border-radius: 10px;
            box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }

        .choose_room_title {
            position: relative;
            text-align: center;
            line-height: 2.5rem;
            margin-top: 0.5rem;
            font-size: 0.9rem;
            border-bottom: solid 0.5px #f5f5f5;
        }

        .choose_room_content {
            margin: 28px 8px 20px 8px;
            position: absolute;
            top: 3rem;
            bottom: 20px;
            left: 10px;
            right: 10px;
            overflow: scroll;
            z-index: 10001;
        }

        .selected {
            background-color: #f8f8f8;
            border-radius: 5px;
        }

        .choose_room_item {
            text-align: center;
        } */
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 任务标签 -->
        <div class="mask_bg" v-on:click="doCloseCK()" v-if="IsCKOpen"></div>
        <div class="choose_box" v-if="IsCKOpen">
            <div class="choose_room_title">
                <div class="choose_room_title">选择仓库</div>
            </div>
            <div class="choose_room_content">
                <div v-on:click="doSelectCK(item)" class="choose_room_item" v-for="item in CKList">
                    <label>{{item.name}}</label>
                    <!-- v-bind:class="{'selected':form.id==item.id}" -->
                    <!-- <i  v-bind:class="{'selected':form.id==item.id}" class="icon iconfont icon-xuanze"></i> -->
                </div>
            </div>
        </div>
        <section class="aui-content contentBox">
            <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
            </div>
            <div v-if="list.length>0" class="aui_list boxarea mb20">
                <div class="aui-list-item aui-padded-b-10 border-bottomLine">
                    <div style="display: flex;justify-content: space-between;">
                        <div>
                            <van-checkbox v-model="IsAllChecked" @change="onClickChooseAll()" shape="square" />全选
                        </div>
                        <div v-on:click="do_chooseCK(1,0)"><label class="text-grey">重新选择出库仓库</label>
                            <van-icon name="arrow" />
                        </div>
                    </div>
                </div>
                <div v-for="(item2,index2) in list" style="display: block;">
                    <div class="aui-media-list-item-inner " v-bind:class="{'border-bottomLine':index2<list.length-1}">
                        <div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;">
                            <div  v-on:click="onClickChooseItem(item2)" class="aui-list-item-text">
                                <div class="aui-list-item-title">
                                    <van-checkbox v-model="item2.ischecked" shape="square" />
                                    {{item2.text}}<span v-if="item2.modelno!=''"
                                        class="list-shu">|</span>{{item2.modelno}}{{item2.Unit}}
                                </div>
                            </div>
                            <span v-on:click="do_chooseCK(2,index2)" class="sellPriceSty aui-margin-t-0">出库仓库：{{item2.CKCategoryName?item2.CKCategoryName:'请选择仓库'}}
                                <van-icon name="arrow" />
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div v-if="list.length>0" class="notodayList ccc">
                没有更多内容
            </div>
        </section>

        <div v-if="showchoose" class="choose-list">
            <div class="choose-header border-bottomLine">
                已选：{{chooseList.length}}
                <label v-on:click="showChooseAll()" class="header-close">
                    <i class="icon iconfont icon-shoulishibaiicon fr"></i>
                </label>
            </div>

            <div v-if="chooseList.length>0" class="aui-content aui-margin-b-15 pt50">
                <div class="aui-list aui-media-list">
                    <div v-for="(item,index) in chooseList" class="aui-list-item" style="display: block;">
                        <div class="aui-media-list-item-inner ptb "
                            v-bind:class="{'border-bottomLine':index<chooseList.length-1}">
                            <div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;">
                                <div class="aui-list-item-text">
                                    <div class="aui-list-item-title">
                                        {{item.text}}<span class="list-shu">|</span>{{item.modelno}}{{item.Unit}}
                                    </div>
                                    <div class="aui-list-item-right" style="width:30px;">
                                        <span v-on:click="onClickChooseDel(item)"  class="new-jian-bg"> <i class="icon iconfont icon-jian  text-blue fz12 "></i></span>
                                    </div>
                                </div>
                                <span
                                class="sellPriceSty aui-margin-t-0">出库仓库：{{item.CKCategoryName?item.CKCategoryName:'--'}}
                            </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="aui_bottom">
            <div v-on:click="showChooseAll()" class="left-btn">
                <div class="aui-content-padded">
                    <p><i class="icon iconfont  icon-gouwulan- text-blue fz36"></i></p>
                    <div class="aui-badge">{{chooseList.length}}</div><Br />
                </div>
            </div>
            <div v-on:click="do_save()" class="right-btn">生成出库单</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="js/choosewarehouse.js"></script>

</html>